#{extends 'main.html' /}
#{set title:'Reporte Táctico 5' /}

<script src="@{'/public/javascripts/jquery.jqGrid.js'}" type="text/javascript" charset="${_response_encoding}"></script>
<script src="@{'/public/javascripts/grid.locale-es.js'}" type="text/javascript" charset="${_response_encoding}"></script>
<script src="@{'/public/javascripts/reporte5Grid.js'}" type="text/javascript" charset="${_response_encoding}"></script>

<div class="codigo-reporte">RPT005</div>  
<center><strong>CANTIDAD DE COTIZACIONES ACEPTADAS POR EL CLIENTE SEGÚN EMPLEADO</strong></center>
<br>
<form class="form-inline" action="/Reporte_5/download_report">
<center>
	<div class="form-inline">
		<label class="gral-label">Desde:</label><input type="text" id="from" name="from" class="input_date">
		<label class="gral-label">Hasta:</label><input type="text" id="to" name="to" class="input_date">
		<label class="gral-label">Servicio:</label> 
		<select id="seleccion" name="servicio">
			<option value="0">Seleccionar</option>
			<option value="Construccion">Construccion</option>
			<option value="Casas de campo">Casa de Campo</option>
			<option value="Casas de playa">Casa de Playa</option>
			<option value="Infraestructura Agricola">Infraestructura Agricola</option>
			<option value="Tapiales prefabricados">Tapiales Prefabricadoss</option>
			<option value="Vivienda minima">Vivienda Minima</option>
		</select>
	</div>
</center>
<center>
	<div>
		<button class="btn btn-primary" id="generar" onClick="return generarReporte()">Generar Reporte</button>
		<button class="btn btn-primary" id="restore" onClick="return restablecer()">Restablecer</button>
	</div>
</center>
<br>
<!-- Grid -->
<table id="Grid"></table>
<div id="Pager"></div>

<center>
	<br>
	<button type="submit" name="formato" value="html" class="btn btn-primary">
	<i class="icon-white icon-print" ></i>Imprimir	</button>
	<button class="btn btn-primary" name="formato" type="submit" value="pdf" >
	<i class="icon-white icon-file"></i>Exportar PDF </button>
	<button class="btn btn-primary" name="formato" type="submit" value="xls" >
	<i class="icon-white icon-file"></i>Exportar Excel   </button>
	<button class="btn btn-primary" name="formato" type="submit" value="rtf" >
	<i class="icon-white icon-file"></i>Exportar RTF</button>
</center>
</form>

 
 <!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h4 id="myModalLabel">Establecer Periodo</h4>
  </div>
  <div class="modal-body">
    <center>
		<div class="form-inline">
			<label >Desde:</label><input type="text" id="from_modal" class="input_date"><br><br>
			<label >Hasta:</label><input type="text" id="to_modal" class="input_date"><br><br>
			<label >Servicio:</label> 
			<select id="seleccion_modal">
				<option value="0">Seleccionar</option>
				<option value="Construccion">Construccion</option>
				<option value="Casas de campo">Casa de Campo</option>
				<option value="Casas de playa">Casa de Playa</option>
				<option value="Infraestructura Agricola">Infraestructura Agricola</option>
				<option value="Tapiales prefabricados">Tapiales Prefabricadoss</option>
				<option value="Vivienda minima">Vivienda Minima</option>
			</select>
		</div>
	</center><br>
		<!-- Alerta -->
	<div id="alerta" class="alert alert-block alert-error fade in mensaje-error" style="display:none;">
		<button type="button" class="close" data-dismiss="alert">×</button>
		<h5 class="alert-heading texto-error">Campos requeridos vacios!</h5>
	</div>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true" onclick="comeindex()">Cerrar</button>
    <button class="btn btn-primary" id="establecer">Establecer</button>
  </div>
</div>